body{
	background: #d7d7d7;
}
.first-screen{
	background: url(../images/header.jpg);
	background-size: cover;
	position: relative;
	height: 100vh;
}
.tittle{
	width: 90%;
	max-width: 1200px;
	margin: auto;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: 40px;
	transform: translateX(-50%);
	opacity: 0;
	transition: all 1.2s ease-out 0s;
}
.tittle p:nth-child(1){
	color: white;
	font-size: 60px;line-height: 1.32;
}
.tittle p:nth-child(2){
	color: white;
	font-size: 34px;
	margin-top: 12px;line-height: 1.32;
}
.tittle p:nth-child(3){
	width: 100%;
	max-width: 1000px;
	margin: auto;
	color: white;
	font-size: 16px;
	line-height: 1.5;
	margin-top: 32px;
}
.tittle img{
	margin-top: 30px;
}
.first-screen .move{
	margin-top: -120px;
	opacity: 1;
}
.main{
	width: 90%;
	max-width: 1200px;
	margin: auto;
}
.grey{
	background: rgba(0,71,127,.7);
}
.blue{
	background: rgba(0,155,255,.7);
}
.red{
	background: #006fb7;
}
.white{
	background: white;
}
.box{
	padding: 30px;
	opacity: 0;
	position: relative;
	top: 0;
}
.small{
	width: 33.3%;
	height: 190px;
}
.small p:nth-child(1){
	font-size: 22px;
	color: white;
}
.small p:nth-child(2){
	font-size: 24px;
	color: white;
}
.small p:nth-child(3){
	font-size: 16px;
	color: #828282;
	margin-top: 20px;
}
.big{
	width: 33.3%;
	height: 380px;
}
.big-small{
	width: 100%;
	height: 190px;
}
.big-small p:nth-child(1){
	font-size: 22px;
	color: white;
}
.big-small p:nth-child(2){
	font-size: 24px;
	color: white;
}
.big-small p:nth-child(3){
	font-size: 16px;
	color: #828282;
	margin-top: 20px;
}
.white p:nth-child(1),.white p:nth-child(2){
	color: #333;
}
.big-info{
	background: url(https://www.hhtvc.com/upload/image/2025-03/col18/1742369118139.jpg);
	background-size: cover;
}
.move2{
	top: -190px;
	opacity: 1;
}
.d1{
	transition: top 0.8s ease-out 0s,opacity 0.8s ease-out 0s;
}
.d2{
	transition: top 0.8s ease-out .5s,opacity 0.8s ease-out .5s;
}
.d3{
	transition: top 0.8s ease-out 1s,opacity 0.8s ease-out 1s;
}
.d4{
	transition: top 0.8s ease-out 1.5s,opacity 0.8s ease-out 1.5s;
}
.d5{
	transition: top 0.8s ease-out 2s,opacity 0.8s ease-out 2s;
}
.d6{
	transition: top 0.8s ease-out 2.5s,opacity 0.8s ease-out 2.5s;
}
.d7{
	transition: top 0.8s ease-out 3s,opacity 0.8s ease-out 3s;
}
.d8{
	transition: top 0.8s ease-out 3.5s,opacity 0.8s ease-out 3.5s;
}
.brands{
	width: 100%;
	height: 600px;
	background: url(https://www.hhtvc.com/Public/static/gxct/img/star.png);
	background-size: cover;
	margin-top: 450px;
}
.brands .main p{
	color: white;
	font-size: 26px;
}
.brands p span{
	font-size: 20px;
}
.brand{
	height: 400px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 30px;
}
.brand-box{
	width: 85%;
	height: 350px;
	overflow: hidden;
}
.brand-con{
	height: 350px;
	width: 200%;
}
.brand-page{
	width: 1020px;
	height: 350px;
}
.brand-page a{
	width: calc(16.6% - 40px);
	margin: 0 20px;
	height: 116px;
	display: flex;
	align-items: center;
	float:left;
}
.brand-page a img{
	width: 100%;
}

.last-word{
	font-size: 18px;
	color: white;
	text-align: center;
}
.members{
	background: #f8f8f8;
	padding: 38px 0 0;
	/* margin-bottom: 20px; */
}
.tt{
	font-size: 28px;
	color: #333;
	text-align: center;
	margin-top: 30px;
}
.tf{
	font-size: 20px;
	color: #333;
	text-align: center;
	margin-top: 8px;
}
.member{
	height: 180px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 40px;
}
.member-box{
	width: 85%;
	height: 180px;
	overflow: hidden;
}
.member-items a{
	display: block;
	float: left;
	font-size: 24px;
	color: white;
	text-decoration: none;
	width: 231px;
	height: 156px;
	margin: 12px;
	overflow: hidden;
	transform: scale(1,1);
}
.member-items a img{
	width: 100%;
	height: 100%;
	transition: all .3s ease-in 0s;
}
.member-items a .big-state{
	transform: scale(1.1,1.1);
}
.member-items a p{
	line-height: 156px;
	text-align: center;
	position: relative;
	top: -162px;
}
.art-group{
	margin-bottom: 14px;
}
.art-group a{
	text-decoration: none;
	color: white;
}
.art-group a p:first-child{
	font-size: 16px;
}
.art-group a p:last-child{
	margin-top: 8px;
}
body{
padding-top:0;
}
@media(max-width:1024px){
.tittle p:nth-child(1),.top-img p:nth-child(2){font-size: 20px !important;}
.first-screen .move{margin-top: -30vh;}
.tittle p:nth-child(2),.top-img p:nth-child(1){font-size: 30px  !important;;line-height: 1.5}
.main section{display: inline-block;width: 100%;}
.mt450{margin-top: 0 !important;}
.move2{top: 0;position: static;}
.main{padding: 40px 0}
.move.top-tt{top:50% !important;transform: translate(-50%,-50%) !important}
footer{padding: 0}
footer .main{padding: 20px 0}
footer a{line-height: 1.5}


}

@media(max-width:768px){
    .main>section{display:flex;flex-wrap:wrap;}
    .big-info{display:none}
    .small, .big{width:33.33%;height:auto;}
    .big{width:50%;}
    .small p:nth-child(3) a{font-size:12px !important;}
    .big-small p:nth-child(3) a{font-size:12px !important;}
    .big-small p:nth-child(2){font-size:14px;}
    .small p:nth-child(2){font-size:14px;}
}

@media(max-width:640px){
    .box{padding:15px;}
    .small p:nth-child(3) a{display:none}
    .big-small p:nth-child(3) a{display:none}
    .small p:nth-child(1){font-size:16px;font-weight:700;margin-bottom:15px;}
    .big-small p:nth-child(1){font-size:16px;font-weight:700;margin-bottom:15px;}
    .big-small{height:100px;}
    .big-small.d7{background:#fff;}
    .big-small.d8{background:#006fb7;}
    .big-small.d7 p:nth-child(1){color:#333;}
    .big-small.d7 p:nth-child(2){color:#999;}
    .big-small.d8 p:nth-child(1){color:#fff;}
    .big-small.d8 p:nth-child(2){color:#fff;opacity:0.5;}
}